﻿body { width: 130px; height: 173px; background-color: #333; color: #ddd; margin: 0; padding: 0; }
body { font-family: Segoe UI, Arial; font-size: 11px; white-space: nowrap; }
td { max-width: 28px; text-align: center; }
img { width: 28px; height: 32px; }
#city { font-weight: bold; text-align: center; margin-top: 3px; }
#city:hover, #nextformat:hover, #colorsimg:hover, #alerts:hover { cursor: pointer; }
#current { font-weight: bold; }
#condition { vertical-align: text-bottom; font-size: 12px; font-weight: bold; }
#temperature { float: right; font-size: 19px; margin-right: 3px; }
#humidity, #alerts { margin-top: 3px; }
#format0 { font-weight: bold; margin-top: 7px; }
#format2 { margin-top: 5px; }
#format2 table { width: 100%; }
#format2 td { text-align: left; vertical-align: top; }
#current, #humidity, #wind, #alerts { margin-left: 3px; }
td.temp { font-size: 12px; }
#alerts { background-color: red; color: white; font-weight: bold; display: none; }
#colorsimg, #nextformat { float: right; height: 12px; width: 12px; margin-right: 4px; display: none; }
#colorsimg { margin-right: 5px; }

#tt { position: absolute; display: block; }
#ttcont { display: block; padding: 3px 3px 4px 3px; margin-left: 5px; background: #eee; color: #000; font-weight: bold; font-size: 11px; }
body { background-repeat: repeat; }
